﻿Ext.define('NicksList.view.Main', {
    extend: 'Ext.tab.Panel',
    config: {
        fullscreen: true,
        tabBarPosition: 'bottom',
        items: [
            {
                xtype: 'navigationview',
                id: 'panelListBrowser',
                title: 'Lists Section',
                items: [{
                    xtype: 'panel',
                    title: 'Lists',
                    layout: 'fit',
                    items: [{
                        xtype: 'toolbar',
                        docked: 'bottom',
                        items: [{
                            text: 'Add new list',
                            itemId: 'btnAddList'
                        }]
                    }, {
                        xtype: 'list',
                        id: 'listList',
                        store: 'ListStore',
                        itemTpl: '<div><strong>{Name}</strong><a class="delete-btn" href="javascript:">Delete</a></div>'
                    }]
                }]
            }, {
                xtype: 'navigationview',
                title: 'Settings Section',
                items: [{
                    xtype: 'panel',
                    title: 'Settings'
                }]
            }]
    }
});